// 设置基地址
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

const list = document.querySelector('.top');

const renderList = async () => { 
  const { data: res } =  await axios({
    url: '/api/category/top',
    method:'GET'
  })
  const newArr =  res.data.map((item) => {
    // console.log(item);
    return  axios({
      url: '/api/category/sub?id=' + item.id,
      method: 'GET',
    })
   })
   const pua = await Promise.all(newArr)
  //  console.log(pua);
  list.innerHTML =  pua.map(({ data: item }) => {
    console.log(item);
    return `
    <li>
          <a href="javascript:;">${item.data.name}</a>
          <img
            src="${item.data.picture}"
            alt=""
          />
          <ul class="sub">
            ${item.data.children.map((item) => {
              return `
              <li>
              <a href="javascript:;">
                <span>${item.name}</span>
                <img
                  src="${item.picture}"
                  alt=""
                />
              </a>
            </li>
              `
             }).join('')}
          </ul>
        </li>
    `
   }).join('')
}
renderList()
